<template>
	<div class="weeken-all">
		<div class="weekend-top">查看所有产品</div>
		<div class="weekend-img">
			<h2 class="weekend-a">周末去哪儿</h2>
			<div v-for="item of numList" :key="item.id">
				<img :src="item.imgUrl" alt="">
				<p class="weekend-b">{{ item.title }}</p>
				<p class="weekend-c">{{ item.artical }}</p>
			</div>	
		</div>
		<div class="weekend-bottom">
			<i class="iconfont">&#xe625;</i>
			<span><b>票面价</b>是指通过景区指定窗口售卖的纸质门票上标注的价格</span>
		</div>
	</div>
</template>
<script>
	export default{
		props:["numList"],
		data(){
			return{
				// "numList":[
				// 	{
				// 		"id":"1",
				// 		"imgUrl":"http://img1.qunarzz.com/sight/source/1812/4e/77bab696d56366.jpg_r_640x214_f86f2b40.jpg",
				// 		"title":"西安泡汤圣地",
				// 		"artical":"解压之地，放松自己，来一段轻松的旅程。"
				// 	},
				// 	{
				// 		"id":"2",
				// 		"imgUrl":"http://img1.qunarzz.com/sight/source/1505/19/58f233e11df7ef.jpg_r_640x214_6b42c9fc.jpg",
				// 		"title":"西安必打卡",
				// 		"artical":"寻长安梦，开启穿越的圆梦之旅"
				// 	},
				// 	{
				// 		"id":"3",
				// 		"imgUrl":"http://img1.qunarzz.com/sight/source/1811/63/808c022b285a2c.jpg_r_640x214_ad984479.jpg",
				// 		"title":"探寻文化古都",
				// 		"artical":"一场时空穿越的旅行，探寻历史悠久的文化古都！寻觅历史留下的点点足迹，细细品味古人的伟大"
				// 	},
				// 	{
				// 		"id":"4",
				// 		"imgUrl":"http://img1.qunarzz.com/sight/source/1505/30/67d5e62ca78a29.jpg_r_640x214_9dfb4295.jpg",
				// 		"title":"西安花花世界",
				// 		"artical":"月落星驰又一春，不负人间看花人"
				// 	},
				// 	{
				// 		"id":"5",
				// 		"imgUrl":"http://img1.qunarzz.com/sight/source/1507/de/e6ba44d61894c0.jpg_r_640x214_847324d0.jpg",
				// 		"title":"西安演出在线",
				// 		"artical":"这里有绚丽奇幻的神秘梦幻舞剧，歌舞揭开盛唐面纱，体验穿越时空的奇妙，感受大唐之盛世"
				// 	}
				// ]
			}
		}
	}
</script>
<style scoped lang="stylus">
    @import  '~@/assets/css/common.styl'
	.weekend-top{
		background:#fff;
		line-height:0.4rem;
		color:#00afc7;
		padding:0.2rem 0;
		font-size:0.28rem;
		text-align:center;
	}
	.weekend-a{
		padding-left:0.26rem;
		line-height:0.8rem;
		color:#212121;
		font-size:0.3rem;
		font-weight:normal;
	}
	.weekend-img>div{
		margin-top:0.15rem;
	} 
	.weekend-img img{
		width:100%;
	}
	.weekend-b,.weekend-c{
		padding-left:0.26rem;	
		$textOverflow();
		padding-right:1.4rem;
	}
	.weekend-b{
		font-size:0.32rem;
		line-height:0.48rem;
		color:#212121;
	}
	.weekend-c{
		font-size:0.28rem;
		padding-bottom:0.2rem;
		color:#616161;
		line-height:0.42rem;
	}
	.weekend-bottom{
		background:#fff;
		margin-top:0.3rem;
		padding-left:0.1rem;
		font-size:0.24rem;
		line-height:0.6rem;
		color:#616161;
	}
</style>